<template>
   <div class="main" @click="editinfo">
       <div class="mainleft">{{mainleft}}</div>
       <div class="mainright">
           <span>{{mainright}}</span>
           <span class="iconfont iconjiantou1"></span>
       </div>
   </div>
</template>

<script>
export default {
  props:['mainleft','mainright'],
  methods:{
      editinfo(){
          this.$emit('editinfo')
      }
  }
}
</script>

<style lang="less" scoped>
.main{
   padding-left: 20/360*100vw;
height: 48/360*100vw;
display: flex;
padding: 0;
margin-left: 20/360*100vw;
justify-content: space-between;
line-height:48/360*100vw;
border-bottom: 1px solid #cccccc;
align-items: center;
color: #333;

}
</style>